<template>
  <div class="swiper">
	<swiper arrowDistance="60px" pageDistance="0px" arrowMode="skip"
	 :pageNumShow="true" :showNum="4" :isDrag="true" :pageShow="true" :arrowShow="true" :loop="true" 
	 :auto="false">
		<template #content>
			<swiper-item v-for="i in 13" imgLink="" :relayNum="i+''"
			describe="100首精选粤语歌 怀念旧时光" class="item" ></swiper-item>
		</template>
		<template #page>
			<span class="test"></span>
		</template>
	</swiper>
  </div>
</template>

<script>
	import swiperItem from './swiperItem3.vue'
	import swiper from './swiper.vue'
	import {getCurrentInstance} from "vue"
  export default{
    name:'',
    data(){
      return {
				
      }
    },
    methods:{
      
    },
    components:{
       swiperItem,swiper
    },
	props:{
		
	},
	mounted() {
		// const internalInstance = getCurrentInstance();  //当前组件实例
		// const $bus = internalInstance.appContext.config.globalProperties.$bus;
		this.$bus.emit('myClick','sss')
	}
  }
</script>

<style scoped>
	
	.swiper ::v-deep(.www){
		
	}
	.swiper{
		margin: 0 auto;
	}
	.swiper-button-prev, .swiper-button-next{
		display: block;
	}
	.test{
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: #00EAFF;
		font-size: 8px;
		line-height: 15px;
		margin-left: 10px;
		color: #ffffff;
		text-align: center;
	}
</style>
